<template>
  <div class="appbox">
    <!-- {{$store.state.loginbox}} -->
    <!-- 导航栏 -->
    <navbar></navbar>
    <!-- 登录界面 -->
    <login></login>
    <router-view></router-view>
    <!-- 底部播放栏 -->
    <musicplay></musicplay>
  </div>
</template>

<script>
import navbar from './views/NavBar.vue'
import login from './views/UserLogin.vue'
import musicplay from './views/MusicPlay.vue'
export default {
  setup () {},
  components: {
    navbar,
    login,
    musicplay
  },
  data () {
    return {}
  },
  mounted () {
    // this.$store.commit('isshowlogin',true);
    // console.log( this.$store.state.name);
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
html,
body {
  width: 100%;
  height: 100vm;
  overflow-x:hidden
}
a {
  text-decoration: none;
  color: black;
}
li {
  list-style-type: none;
}
.ortherbox {
  width: 100%;
  background-color: #f5f5f5;
  top: 85px;
  position: absolute;
}
</style>
<style scoped>
.appbox {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
}
</style>
